<template>
  <n-flex align="center" :size="2">
    <i :class="icon" color="#aaa"></i>
    <span color="#333">{{ value }}</span>
  </n-flex>
</template>

<script setup>
defineProps({
  icon: {
    required: true,
    default: 'i-fe:smile',
  },
  value: {
    required: true,
    default: ' ',
  },
})
</script>

<style scoped>
i {
  font-size: 18px;
}
span {
  font-size: 16px;
  margin-left: 5px;
}
div {
  margin-right: 15px;
}
</style>
